iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 15
2
Modern Web

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列 第 15

DAY 15-ProtoPie 軟體介紹和檔案導入

  • 分享至 

  • xImage
  •  

今天要介紹的軟體是 ProtoPie,他最初就是以 “ 打造設計師可輕鬆上手的工具”為目標,是目前唯一支持無程式碼調用感應器並製作跨平台互動的原型工具,可支援 Mac、Windows、IOS和Android。

ProtoPie 是付費軟體,有15天的試用期,註冊帳號還可以再延長10天,到官網可以直接下載免費試用版。
https://ithelp.ithome.com.tw/upload/images/20181030/20112491vk9KPfsWtB.png

安裝好打開應用程式會看到下面的頁面,中間有五個教學檔案可以點開。
https://ithelp.ithome.com.tw/upload/images/20181030/20112491TWixzdo8qm.png

要開始製作prototype前,要先用Adobe XD開啟要做的檔案,再回到 ProtoPie 按“新建 Pie 文件”,就會建立新的頁面,從“文件”按“導入”裡的 Adobe XD CC。
https://ithelp.ithome.com.tw/upload/images/20181030/20112491ZcS3iqsCi3.png

如果沒開啟 Adobe XD 檔案的話就會看到下面的視窗,所以要記得先開 Adobe XD 喔!
https://ithelp.ithome.com.tw/upload/images/20181030/20112491kyzvdlCr69.png

按了導入後就會出現下面的視窗,從文件名可以確認是不要正確的檔案,畫板的地方可以選擇要導入的 Artboard,導入尺寸可以選擇1倍到4倍,導入圖層和再次導入選項的部分可以按照自己的需求去做勾選。
https://ithelp.ithome.com.tw/upload/images/20181030/20112491YxNUQNWRP3.png

導入後就可以看到完整的操作介面,如果預覽窗是開啟的話可以先關掉。
https://ithelp.ithome.com.tw/upload/images/20181030/20112491foWy7VIgD2.png

基本介紹就先到這裡,下一篇會針對工具及基本操作再做介紹,那我們下篇見囉喵!


上一篇
DAY 14-Daily UI 002 Checkout 實作分享(四)
下一篇
DAY 16-ProtoPie 工具及場景介紹
系列文
UI/UX/ProtoPie入門-喵喵設計師的學習日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言